
<template>
  <div class="app">
    <topbar/>
    <div class="container" >

  <div class="Lp">

    <div class="zhishibar">帮助中心</div>

<div class="menuDiv">
  <ul>
    <li>
      <nuxt-link to='/info/3' >> 文库指南</nuxt-link>
    </li>
    <li>
      <nuxt-link to='/info/2' >> 文库协议</nuxt-link>
    </li>
    <li>
      <nuxt-link to='/info/8'>> 隐私保护指引</nuxt-link>
    </li>
    <li>
      <nuxt-link to='/info/1' >> 关于龙源文库</nuxt-link>
    </li>
    <li>
      <nuxt-link to='/info/6'>> 知识产权声明</nuxt-link>
    </li>
    <li>
      <nuxt-link to='/info/4' >> 文库充值协议</nuxt-link>
    </li>
    <li>
      <nuxt-link to='/info/5'>> 文库充值说明</nuxt-link>
    </li>
    <li>
      <nuxt-link to='/info/7'  class="on">> 联系我们</nuxt-link>
    </li>
  </ul>
  </div>

</div>


   <!-- 左右分离-->
     <div class="Rp bg-ffffff" >
        <div class="hmenu">
            <div class="name">联系我们</div>
        </div>
        <div class="content">
        	<p>龙源文库：</p>
          <p>总部地址：北京市东城区前门大街大江胡同131号</p>
          <p>邮政编码：100051</p>
          <p>总机电话：010-56298689</p>
          <p>营销合作/阅读卡/机构客户：010-56256787</p>
          <p>客服QQ号：</p>
          <p>QQ:1439649533</p>
          <p>QQ:2458206549</p>
          <p>微信公众号：龙源文库</p>
        </div>


     </div>

 </div>
<div class="gap100"></div>
 <Bottombar/>
  </div>
</template>

<script>
import Topbar from '~/components/Topbar.vue'
import Bottombar from '~/components/Bottombar.vue'
export default {
  components: {
    Topbar,
    Bottombar,

  },
  data(){
    return{

    }
  },
  created(){

  },
  methods:{

  }
}
</script>

<style scoped>

  .menuDiv { overflow: hidden;width:245px; background: #fff;box-shadow: 1px 2px 4px 0 rgba(218,218,218,0.50); padding: 20px 0;}
  .menuDiv a {text-decoration: none; color: #225599;width: 245px; height: 50px; line-height: 50px; font-size: 18px;}
  .menuDiv li, .menuDiv ul{padding: 0;margin:0;list-style: none; width: 245px; }
  .menuDiv > ul > li > a {display: block; padding-left:30px; color:#333;}
  .on{color:#0084ff !important;}


.content{ width: 100%; min-height: 600px;padding: 20px; }
.content p{ line-height:30px; font-size: 18px; margin-bottom: 20px;}

.Rp{width: 875px; display:inline-block;float: right; overflow: hidden; margin-top:20px;}
.Lp{ width: 245px; display:inline-block; float: left;overflow: hidden;margin-top:20px;margin-right: 20px; }


.hmenu{border-bottom:1px solid #F0F2F7; width: 100%; height: 52px; clear: both; padding:0 15px; }
.hmenu .name{ color: #0080ff !important; border-bottom: 3px solid #0084FF;line-height: 50px; height: 50px; width: 120px; margin-right: 43px; display: inline-block; font-weight: 600; font-size: 26px;}
.zhishibar{ height: 40px; width: 270px;background-image: linear-gradient(-180deg, #1C7DE1 0%, #1674D4 52%, #0866C2 98%, rgba(232,56,41,0.80) 100%);border: 1px solid #0D6EB8;box-shadow: inset 0 1px 0 0 #358BE5;font-size: 20px;
color: #FFFFFF; line-height: 40px; text-align: center;}


</style>
